<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script>
            $('.dropdown-toggle').dropdown()
        </script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div class="innova-bar">
            <div class="container">
                <ul class="nav nav-tabs pull-left">
                    <li><a href="#" class="innovaclub">Innovaclub</a></li>
                    <li class="active"><a href="#" class="innovaempleos">Innovaempleos</a></li>
                </ul>
                 <ul class="nav nav-tabs pull-right">
                    <li><a href="#about">Ofertas Laborales</a></li>
                    <li><a href="#contact">Publicar Aviso</a></li>
                </ul>
            </div>
        </div>
        
        
        <div class="container">
            <div class="masthead">
                <ul class="nav nav-pills pull-right">
                    <li><a href="#modalLogin" role="button" data-toggle="modal" class="btn">Iniciar Sesión</a></li>
                    <li><a href="#registerModal" role="button" data-toggle="modal" class="btn btn-primary">Cargar mi CV</a></li>
                </ul>
                
                <div class="logo-area">
                    <img src="img/logo.png" alt="Innova Empleos">
                    <div class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NEA <b class="caret"></b></a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                          <li><a tabindex="-1" href="#">NEA</a></li>
                          <li><a tabindex="-1" href="#">NOA</a></li>
                          <li><a tabindex="-1" href="#">Paraguay</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Form Busqueda -->
        <section class="main-search destacada">
            <div class="container">
                <form action="" class="form-inline">
                    <input type="search" placeholder="Ejemplo: Administrativos">
                    <button class="btn btn-primary" type="submit">Buscar Empleo</button>
                </form>
                <p>O buscá en las ciudades más populares: <a href="#">Resistencia</a>, <a href="#">Corrientes</a>, <a href="#">Posadas</a>, <a href="#">Formosa</a></p>
            </div>
        </section>

        <section class="browser">
            <div class="container">
                <div class="row">
                    <div class="localidad span6">
                        <div class="browser-inner">
                            <h5>Localidad</h5>
                            <ul class="unstyled first">
                                <li><a href="#">Resistencia<span class="extra">, Chaco.</span></a></li>
                                <li><a href="">Corrientes<span class="extra">, Corrientes.</span></a></li>
                                <li><a href="">Goya<span class="extra">, Corrientes.</span></a></li>
                            </ul>
                            <ul class="unstyled second">
                                <li><a href="">Formosa<span class="extra">, Formosa.</span></a></li>
                                <li><a href="">Saenz Peña<span class="extra">, Chaco.</span></a></li>
                                <li><a href="">Villa Ángela<span class="extra">, Chaco.</span></a></li>
                            </ul>
                            <a href="#">Mostrar todas</a>
                        </div>
                    </div>
                    <div class="categoria span6">
                        <div class="browser-inner">
                            <h5>Categorías</h5>
                            <ul class="unstyled first">
                                <li><a href="#">Administración</a></li>
                                <li><a href="">Call Center</a></li>
                                <li><a href="">Comercio Exterior</a></li>
                            </ul>
                            <ul class="unstyled second">
                                <li><a href="">Comunicación</a></li>
                                <li><a href="">Construcción</a></li>
                                <li><a href="">Diseño</a></li>
                            </ul>
                            <a href="#">Mostrar todas</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        

        <!-- Avisos Destacados -->
        <section>
            <div class="container">
                <div class="row">
                    <div class="main-col span8">
                        <div class="avisos destacados">
                            <h2>Avisos Destacados</h2>
                            <ul class="unstyled">
                                <li>
                                    <div>
                                        <a class="img-container" href="#"><img src="holder.js/120x80/auto" alt=""></a>
                                        <div class="aviso-container">
                                            <h3><a href="#">Representante de Ventas y Atención al cliente</a></h3>
                                            <h4>Establecimiento Las Marías</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven.</p>
                                            <div class="meta">
                                                <span class="pull-left">Corrientes</span>
                                                <span class="pull-left">Full Time</span>
                                                <span class="pull-left">Hace 4 días</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a class="img-container" href="#"><img src="holder.js/120x80/auto" alt=""></a>
                                        <div class="aviso-container">
                                            <h3><a href="#">Representante de Ventas y Atención al cliente</a></h3>
                                            <h4>Establecimiento Las Marías</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven.</p>
                                            <div class="meta">
                                                <span class="pull-left">Corrientes</span>
                                                <span class="pull-left">Full Time</span>
                                                <span class="pull-left">Hace 4 días</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="img-container"><img src="holder.js/120x80/auto" alt=""></a>
                                        <div class="aviso-container">
                                            <h3><a href="#">Representante de Ventas y Atención al cliente</a></h3>
                                            <h4>Establecimiento Las Marías</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven.</p>
                                            <div class="meta">
                                                <span class="pull-left">Corrientes</span>
                                                <span class="pull-left">Full Time</span>
                                                <span class="pull-left">Hace 4 días</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                             <a href="#" class="btn ver-destacados">Ver más destacados</a>
                        </div>
                        <div class="avisos ultimos">
                            <h2>Ultimos Avisos Publicados</h2>
                            <ul class="unstyled">
                                <li>
                                    <div>
                                        <h3><a href="#">Asesores Comerciales para Ventas Corporativas</a></h3>
                                        <h4>Atento Argentina</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven</p>
                                        <div class="meta">
                                            <span class="pull-left">Corrientes</span>
                                            <span class="pull-left">Full Time</span>
                                            <span class="pull-left">Hace 4 días</span>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <h3><a href="#">Asesores Comerciales para Ventas Corporativas</a></h3>
                                        <h4>Atento Argentina</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven</p>
                                        <div class="meta">
                                            <span class="pull-left">Corrientes</span>
                                            <span class="pull-left">Full Time</span>
                                            <span class="pull-left">Hace 4 días</span>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <h3><a href="#">Asesores Comerciales para Ventas Corporativas</a></h3>
                                        <h4>Atento Argentina</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven</p>
                                        <div class="meta">
                                            <span class="pull-left">Corrientes</span>
                                            <span class="pull-left">Full Time</span>
                                            <span class="pull-left">Hace 4 días</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <a href="#" class="btn btn-primary ver-todos">Ver todos los avisos (243)</a>
                        </div>
                    </div>
                    <aside class="right-col span4">
                        <div class="publicidad ad-lateral"></div>
                        <div class="iclub-widget">
                            <ul class="thumbnails courses-cards">
                                <li>
                                    <div class="thumbnail">
                                        <a href="#"><img src="holder.js/400x200/auto" alt=""></a>
                                        <div class="caption">
                                            <h3><a href="#">Selección de personal por competencias</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquid, maiores, iusto assumenda obcaecati fugiat itaque velven.</p>
                                            <div class="meta">
                                                <span class="pull-left"><i class="icon-map-marker"></i> Resistencia</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="facebook">
                            
                        </div>
                    </aside>
                </div>
                </div>
        </section>


        <!-- Pie de página -->
        <footer>
            <div class="container">
                <div class="row">

                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Ayuda Postulantes</a></li>
                            <li><a href="#">Ayuda Empresas</a></li>
                            <li><a href="#">Contacto Comercial</a></li>
                        </ul>
                    </div>
                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Quiénes Somos</a></li>
                            <li><a href="#">Términos y Condiciones</a></li>
                            <li><a href="#">Políticas de Privacidad</a></li>
                        </ul>
                    </div>

                    <div class="span3 offset3">
                        Seguinos:
                        <a href="#" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                        <a href="#" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                        <a href="#" class="icon-stack social linkedin"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-linkedin"></i></a>

                        <div class="innova-banner">
                            <span>Querés capacitarte? Visitá:</span>
                            <a href="#"><img src="img/logo-iclub.png" alt="Visita Innova Club" /></a>
                        </div>
                    </div>
                </div>
                <div class="copy">&copy; Innova Empleos 2014. Todos los derechos reservados.</div>
            </div>
        </footer>

        <!-- Modal Registro -->
        <div id="registerModal" class="modal hide fade modal-registro">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Carga tu curriculum</h3>
          </div>
          <div class="modal-body">
            <div class="modal-first-col">
                <h4>Crear una Cuenta</h4>
                <form>
                    <label for="email">E-mail</label>
                    <input id="email" type="email" placeholder="Usuario que utilizará para registrarse" class="modal-input" />
                    <label for="password">Elija una contraseña:</label>
                    <input id="password" type="password" class="modal-input" />
                    <label for="pw-repeat">Repita su contraseña:</label>
                    <input type="password" class="modal-input" />
                    <input type="submit" class="btn btn-primary" value="Crear Cuenta y cargar CV" href="#cargarCVModal" data-toggle="modal" />
                    <small>Al hacer click en Registrarse, acepta los <a href="#">Términos y Condiciones</a></small>
                </form>
            </div>
            <div class="modal-second-col">
                <h4>Otras Opciones</h4>
                <div class="login-fb">
                    <a href="#" class="btn btn-large">Ingresar con Facebook</a>
                    <small>Prometemos no publicar nada sin tu permiso.<br />
                        Ni las empresas ni otros postulantes podrán ver tu actividad
                    </small>
                </div>
                <div class="login-already">
                    <h5>Ya tenés cuenta?</h5>
                    <a class="btn btn-large" href="#modalLogin" data-toggle="modal">Iniciar Sesión</a>
                </div>
                
            </div>
          </div>
        </div>

        <!-- Modal Cargar CV -->
        <div id="cargarCVModal" class="modal hide fade modal-cargar-cv">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Carga tu curriculum</h3>
          </div>
          <div class="modal-body">

            <label for="upload-cv">
                <div class="input-file-image"></div>
            </label>
            <a href="#" class="btn btn-primary btn-large uploadCV">Subir mi CV (Word, PDF)</a>
            <a href="#" class="btn btn-large">Hacerlo después</a>
            <form id="formFile" action="">
                <input type="file" class="hidden" id="upload-cv" value="Subir mi CV (Word, PDF)" />
            </form>
          </div>
        </div>

        <!-- Modal Login -->
        <div id="modalLogin" class="modal hide fade modal-login">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Iniciar Sesión</h3>
          </div>
          <div class="modal-body">
            <form>
                <div class="fields-container">
                    <label for="login-email">E-mail:</label>
                    <input id="login-email" type="email" />
                    <label for="login-password">Contraseña:</label>
                    <input id="login-password" type="password" />
                </div>
                <input type="submit" class="btn btn-primary btn-large" value="Iniciar Sesión" />
                <a href="#">Olvidé mi contraseña</a>
            </form>
          </div>
        </div>


        <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/vendor/holder.js"></script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script>
            // var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            // (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            // g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            // s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
